<template>
	<view class="content">

		<!-- 师资团队模块 -->
		<view class="teacher-list">
			<view v-for="(teacher, index) in teachers" :key="index" class="teacher-card"
				@touchstart="showTeacherInfo(index)" @touchend="hideTeacherInfo"
				:class="{ 'active': activeTeacherIndex == index }">
				<!-- 图片区域 -->
				<view class="teacher-image-container">
					<image :src="teacher.image" mode="aspectFill" class="teacher-image" />
				</view>

				<!-- 悬停时显示的个人信息 -->
				<view class="teacher-hover-info" :style="{ opacity: activeTeacherIndex == index ? 1 : 0 }">
					<text class="hover-info-text">{{ teacher.description1 }}</text>
				</view>

				<!-- 默认显示的个人信息 -->
				<view class="teacher-info">
					<text class="teacher-name">{{ teacher.name }}</text>
					<text class="teacher-title">{{ teacher.title }}</text>
					<view class="expertise-container">
						<view v-for="(item, i) in teacher.expertise" :key="i" class="expertise-item">
							{{ item }}
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="text-area">
			<text class="title">{{ title }}</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			teachers: [
				{
					name: "施正文",
					image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749628499885.jpg",
					title: "中国政法大学财税法研究中心主任、教授、博士生导师",
					expertise: ["税收法规", "税务诉讼", "税收政策", "涉税处罚"],
					description:
						"我国著名财税法学家，中国法学会财税法学研究会副会长、中国税务学会学术委员会委员。参与多部涉税法律法规立法起草，主持20多项国家和省部级课题，出版32部专著，发表160余篇学术论文。",
					description1: "简介：施正文，男，我国著名财税法学家，‌中国政法大学财税法研究中心主任、教授，博士生导师。‌ 中国法学会财税法学研究会副会长、中国税务学会学术委员会委员等职务‌。主要研究领域包括财税法、比较税法、经济法、公共财政等。参与了全国人大多部涉税法律法规的立法起草工作；主持和参与“中国税法通则立法基本问题研究”等国家和省部级课题20多项；参与了国家税务总局、财政部、最高人民检察院等部委涉税法规起草咨询工作。并在中国税务出版社等十余家出版社出版发行《企业所得税法新旧条文变化与解读》等32部专著，在《中国税务》《法学研究》《中国法学》等期刊发表160余篇学术论文‌。",
				},
				{
					name: "伊 专",
					image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749624439617.jpg",
					title: "原国家税务总局税务干部学院副院长、一带一路税务学院·北京副院长",
					expertise: ["税收政策", "税务培训", "征管实务", "风险防范"],
					description:
						"著名税务专家，拥有近40年税务工作经验。参与国家重大税收政策改革和金税工程，从事税务教育培训30余年。擅长案例式、访谈式教学，获得多项荣誉奖章，发表40余篇专业文章。",
					description1: "简介：伊专曾任国家税务总局税务干部学院副院长、一带一路税务学院·北京副院长、中国税务学会理事会理事。曾在世界500强央企工作；曾在税务系统的基层分局、省局和总局的税收执法、行政管理和教育培训等部门工作和任职，曾参与总局重大税收政策改革、智能化升级改造；曾参与金税一期、二期、三期的相关工作；曾组织或参与查办税收执法类和行政管理类案件；有丰富的企业管理、税收征管和风险防范的实战经验，曾在省级以上刊物发表40余篇财会类和税收类论文或调研；从事专、兼职职业教育30余年，曾为税务系统、党政机关、企事业单位、社会团体、高校师生和“一带一路”沿线国家政府官员授课。",
				},
				{
					name: "袁森庚",
					image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749624279192.jpg",
					title: "原国家税务总局干部学院教授、著名税务律师",
					expertise: ["税务诉讼", "税法教学", "行政执法", "刑事辩护"],
					description:
						"长期从事税法教学和科研工作，办理近200件涉税刑事、行政案件，代理4个过亿税务行政诉讼案件。出版《税务行政执法理论与实务》专著，发表20余篇核心期刊论文。",
					description1: "简介：袁森庚，男，我国著名税务律师。原国家税务总局干部学院教授，长期从事税法的教学和科研工作。曾办理过最高人民法院等各级法院审理的全国涉税刑事、行政案件近200件。代理过涉税金额过亿四个典型的税务行政诉讼案件。出版了《税务行政执法理论与实务》专著一部，并在多种中文核心期刊以及省级以上其他刊物发表论文20余篇。",

				},
				{
					name: "蔡 昌",
					title: "中央财经大学财政税务学院教授、博士生导师，中央财经大学税收筹划与法律研究中心主任",
					image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749624499173.jpg",
					expertise: ["税务风控", "税务筹划", "税务会计", "税收法律"],
					description:
						"我国著名税务风控专家、税务筹划专家，中央财经大学税收筹划与法律研究中心主任。国际注册高级会计师（ICSPA），在国内外知名期刊发表论文100余篇，出版专著10部，教材8部。",
					description1: "简介：蔡  昌，男，我国著名税务风控专家/税务筹划专家，中央财经大学财政税务学院教授，博士生导师。中央财经大学税收筹划与法律研究中心主任，税务管理系主任，《中国税收与法律智库》编委会主任，国际注册高级会计师（ICSPA）。会计学博士（国内第一位税务会计与税收筹划方向），中国社会科学院财经战略研究院经济学博士后，美国斯坦福大学（Stanford University）、克莱姆森大学（Clemson University）高级访问学者。在《人民日报》《税务研究》《财政研究》等报刊发表论文100余篇，被人大复印资料《财政与税务》《财务与会计导刊》全文转载21篇，《中国会计年鉴》转载1篇，出版专著10部，教材8部。",

				},
				{
					name: "朱 巍",
					image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250611/1749612333043.jpg",
					title: "中国政法大学传播法研究中心副主任、副教授、法学博士",
					expertise: ["传播法", "网络监管", "电商法规", "平台治理"],
					description:
						"我国著名传播法学家，多个国家级专家委员会委员。主持中央网信办、市场监管总局等部委重大课题研究，参与最高法院等多部涉网法规政策制定工作，在电商与网络主播监管领域具有深厚研究。",
					description1: "简介：朱巍，我国著名传播法学家。2009年至今，任中国政法大学传播法研究中心的副主任、副教授、法学博士，硕士生导师。兼任中国消费者协会专家委员会委员、中国信通院智能经济与社会研究中心学术委员会委员、首都法学会法律法学高级人才库专家、中国互联网协会分享经济工作委员会专家委员/社会责任建设工作委员会顾问、国家信息中心分享经济工作委员会专家委员、中国互联网电子数据研究院电子数据法律与政策专家组委员、中国广告协会法律咨询委员会常务委员。多次承担主持中央（国家）网信办、国家市场监督管理总局、文旅部、国家广电总局等部委关于电商/网络主播监管方面几十个重大课题研究，均取得较好反馈。参与最高人民法院、市场监督管理总局、文旅部、中央（国家）网信办等涉网十几部法规政策立法论证/制定工作。",

				},
				{
					name: "吴榕",
					title: "资深税务专家，拥有注册税务师、高级会计师/高级财务管理师等多项专业资质",
					image: "https://cdnoss.kaoshixing.com/ksx_prod/618654/background/618654/20250709/1752029377907.jpg",
					expertise: ["税务风控", "涉税处罚", "税务会计", "税收政策"],
					description:
						"中国政法大学法学博士，美国加州大学戴维斯分校访问学者。兼任多个法学研究会理事，主要从事民商法学、公司法、电子商务法研究。参与编著多部专著与教材，在清华大学出版社出版多部法学著作。",
					description1: "简介：吴榕，资深税务专家，拥有注册税务师、高级会计师/高级财务管理师、国际税务咨询师等多项专业资质。现任广东省网商协会常务理事、广东省对俄贸易促进会常年财税顾问、海南省企联合规与维权工委副主任。吴榕在财税领域深耕40余年，在行业内颇具影响力。常年开展税务专项培训，成果斐然：面向全国税务机关开展专场培训超 200 场，围绕深化增值税改革政策举办专题讲座 70 余场，同时针对直播行业、互联网金融、跨境电商等新兴行业开展培训 100 余场，培训的税务干部、财务会计、企业负责人等多个行业的学员达五万多人，以丰富的实践经验和专业知识为各行业发展赋能。吴榕同志担任《网络主播合规管控政策指南》（下册——纳税实务合规篇）副主编。"
				},

			],
			activeTeacherIndex: null,
		}
	},
	methods: {
		showTeacherInfo(index) {
			this.activeTeacherIndex = index;
		},
		hideTeacherInfo() {
			this.activeTeacherIndex = null;
		},
	}
}
</script>

<style>
.content {
	display: flex;
	flex-direction: column;
}

/* 师资团队容器 */
.teacher-container {
	padding: 20rpx;
	margin-top: 40rpx;
}

.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30rpx;
}

.section-title {
	font-size: 36rpx;
	font-weight: bold;
}

.view-more {
	font-size: 28rpx;
	color: #007AFF;
}

/* 教师列表 */
.teacher-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* 教师卡片 */
.teacher-card {
	width: 48%;
	background-color: #fff;
	border-radius: 16rpx;
	overflow: hidden;
	margin-bottom: 30rpx;
	box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
	position: relative;
}

/* 教师图片 */
.teacher-image-container {
	width: 100%;
	height: 300rpx;
	position: relative;
}

.teacher-image {
	width: 100%;
	height: 100%;
}

/* 悬停信息 */
.teacher-hover-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 122, 255, 0.85);
	color: #fff;
	padding: 20rpx;
	display: flex;
	align-items: flex-start;
	transition: opacity 0.3s ease;
	opacity: 0;
	z-index: 2;
	overflow-y: auto;
}

.hover-info-text {
	font-size: 26rpx;
	line-height: 1.6;
}

/* 教师信息 */
.teacher-info {
	padding: 20rpx;
}

.teacher-name {
	font-size: 32rpx;
	font-weight: bold;
	display: block;
	margin-bottom: 10rpx;
}

.teacher-title {
	font-size: 26rpx;
	color: #007AFF;
	display: block;
	margin-bottom: 20rpx;
}

/* 专长标签 */
.expertise-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.expertise-item {
	width: 48%;
	background-color: rgba(0, 122, 255, 0.1);
	color: #007AFF;
	border-radius: 50rpx;
	padding: 8rpx 0;
	font-size: 22rpx;
	text-align: center;
	margin-bottom: 10rpx;
	box-sizing: border-box;
}
</style>